<script setup lang="ts">
defineProps<{
  authed?: boolean;
}>();
</script>

<template>
  <div class="text-sm flex items-center" :class="[authed ? 'text-green-500' : 'text-red-500']">
    <i class="text-1.2em" :class="[authed ? 'i-ep:select' : 'i-ep:close-bold']" />
    <span class="ml-1">
      <slot />
    </span>
  </div>
</template>
